<div class="panel panel-default">
	<div class="panel-heading"><strong>Comparacion votos</strong></div>
	<div class="panel-body">
	<form class="form-inline" role="form" id="form_insertar">
		<div class="row">
			<div class="col-md-12">
				<div class="form-group">
					<label for="Botein" class="control-label">Tipo de Boletin: </label><br />
					<select name="tipoboletin" id="tipoboletin" class="form-control">
						<option value="0">NACIONAL</option>
						<option value="1">DEPARTAMENTAL</option>
						<option value="2">MUNICIPAL</option>
					</select>
				</div><br />
				<div id="departamentos" class="form-group"></div>
				<br />
				<div id="respuestadepartamentos" class="form-group"></div>
				<div id="municipio" class="form-group"></div>
				<br /><br />
				<label class="control-label">
					<input type="submit" name="buscar" value="buscar" id="buscar" class="btn btn-primary">
				</label>
				<br /><br />
				<div id="respuesta"></div>
			</div>
		</div>
	</form>
</div>
</div>

<script>
	$("#buscar").click(function(event)
			{
		event.preventDefault();
		var tipoboletin=$("#tipoboletin").val();
		var departamento = $("#departamento").val();
		var municipio = $("#municipios").val();
		$.post("<?php echo $url16;?>",{tipoboletin:tipoboletin,departamento:departamento,municipio:municipio},function(res)
		{	
			$("#respuesta").html(res);
		});								
	});
	var tipoboletin;
	$("#tipoboletin").change(function(event){
		tipoboletin = $("#tipoboletin").val();
		if(tipoboletin!=0)
		{
			$("#departamentos").show();
			$.post("<?php echo $url11;?>",{tipoboletin:tipoboletin},function(res){
				$("#respuestadepartamentos").html('');
				$("#departamentos").html(res);
				
			});
		}else
		{
			$("#departamentos").hide();
			$("#municipio").hide();
		}
		
	});	
	$("#departamentos").change(function(event){
		var departamento = $("#departamento").val();
		if(departamento!=0 && tipoboletin==2)
			{
			$("#municipio").show();
			$.post("<?php echo $url12;?>",{departamento:departamento},function(res){
					$("#respuestadepartamentos").html('');
					$("#municipio").html(res);
					
				});
			}else
			{
				$("#municipio").hide();
			}
		
	});
</script>